<template>
  <div class="works">
    <p class="subtitle">作品描述：</p>
    <p class="descriptions">{{descriptions}}</p>
    <ul>
      <li v-for="i in 2" :key="i"><img src="../assets/work.png" alt="work"></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Works',
  data() {
    return {
      descriptions: '都说帽子云难得，那这种彩虹帽子云应该没几个人见过吧，但这一切都是真实的，这是我上个月在贡嘎山地区拍摄到的奇景。飞碟状的彩云悬浮在蜀山之王贡嘎雪山的正上方，仿佛打开了来自异世界的大门'
    }
  }
}
</script>

<style lang="stylus" scoped>
  .works {
    padding 27px 20px 0
    margin-bottom 125px

    .subtitle {
      color rgb(170, 170, 170)
      font-size 14px
      line-height 21px
    }

    .descriptions {
      font-size 14px
      line-height 21px
      color rgb(17, 17, 17)
      margin-top 5px
      margin-bottom 20px
    }

    ul li  {
      margin-bottom 15px

      img {
        width 374px
        height 281px
      }
    }
  }
</style>
